<script setup>
import { RouterLink, RouterView } from "vue-router";
import Ref from "./views/ref.vue";
import Reactive from "./views/reactive.vue";
import Smzq from "./views/生命周期.vue";
import Computed from "./views/computed.vue";
import Watch from "./views/watch.vue";
import WatchEffect from "./views/watchEffect.vue";

import { provide, ref, readonly, watchEffect } from "vue";

// 依赖注入
let title = ref("2206A");
// readonly 只读
provide("title", readonly(title));
</script>

<template>
  <div>
    <!-- <Ref title="2208A"></Ref> -->
    <!-- <Reactive></Reactive> -->
    <!-- <Smzq></Smzq> -->
    <Computed></Computed>
    <!-- <Watch></Watch> -->
    <!-- <WatchEffect></WatchEffect> -->
  </div>
</template>

<style scoped>
</style>
